<div class="f-resume-search-header clearfix" >
    <div class="f-resume-search-input   clearfix">
        <ui-select style="float:left;"   select-key="select.position.key"  select-model="select.position.model" select-value="select.position.value" select-style="select.position.style"></ui-select>
        <input type="text" class="search-input-190" ng-model="selected.keyWord.title"  placeholder="请输入搜索关键词"/>
        <!--<a class="select-region" style="  border-left: 0px solid;">上海</a>-->
        <div class="select-region"><span ng-bind="jobInRegionIntension.showValue"></span><img  class="float-img" ng-click="showComponent('jobInRegionIntension')" src="them/images/compImages/add.png" alt=""/></div>
        <region-query  conf-data="jobInRegionIntension" ></region-query>
    </div >
        <div class="f-resume-search-input adjust-margin clearfix">
            <div class="select-region-2"><span>职能类别</span><img  class="float-img" ng-click="showComponent('jobInJobConf')"   src="them/images/compImages/add.png" alt=""/></div>
            <input type="text" style="width: 124px;"  ng-model="jobInJobConf.showValue"   class="search-input-small"/>
            <job-query conf-data="jobInJobConf" ></job-query>
        </div>
        <div class="f-resume-search-input  adjust-margin clearfix">
            <div style="float:right">
                <div class="select-region-2"><span>行业类别</span><img  class="float-img"  ng-click="showComponent('jobInIndustryConf')" src="them/images/compImages/add.png" alt=""/></div>
                <input type="text"  style="width: 124px;" ng-model="jobInIndustryConf.showValue"   class="search-input-small"/>
                <industry-query conf-data="jobInIndustryConf" ></industry-query>
            </div>
        </div>
    <div class="f-resume-search-input  adjust-margin clearfix" >
        <a class="f-resume-search-btn" ng-click="search()"></a>
    </div>
</div>

<div class="f-resume-search-box">
    <div class="f-resume-search-box-list clearfix">
        <div class="f-resume-search-box-list-l">
            薪资：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <a  ng-class="selected.payScope==''?'selected':''"   ng-click="clickItem('payScope','')">不限</a>
            <a ng-repeat="item in select.payScope.model track by $index" ng-bind="item.srName"  ng-class="selected.payScope==item?'selected':''"  ng-click="clickItem('payScope',item)"> </a>
        </div>
    </div>
    <div ng-show="showSearchBox">
    <div class="f-resume-search-box-list clearfix">
        <div class="f-resume-search-box-list-l">
            公司性质：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <a  ng-class="selected.companyNature==''?'selected':''"   ng-click="clickItem('companyNature','')">不限</a>
            <a ng-repeat="item in select.companyNature.model track by $index" ng-bind="item.dictName"  ng-class="selected.companyNature==item?'selected':''"  ng-click="clickItem('companyNature',item)"> </a>
        </div>
    </div>
    <div class="f-resume-search-box-list clearfix">
        <div class="f-resume-search-box-list-l">
            工作经验：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <a  ng-class="selected.workYear==''?'selected':''"   ng-click="clickItem('workYear','')">不限</a>
            <a ng-repeat="item in select.workYear.model track by $index" ng-bind="item.dictName"  ng-class="selected.workYear==item?'selected':''"  ng-click="clickItem('workYear',item)"> </a>
        </div>
    </div>
    <div class="f-resume-search-box-list clearfix">
        <div class="f-resume-search-box-list-l">
            学历：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <a  ng-class="selected.educational==''?'selected':''"   ng-click="clickItem('educational','')">不限</a>
            <a ng-repeat="item in select.educational.model track by $index" ng-bind="item.dictName"  ng-class="selected.educational==item?'selected':''"  ng-click="clickItem('educational',item)"> </a>
        </div>
    </div>
    <div class="f-resume-search-box-list clearfix">
        <div class="f-resume-search-box-list-l">
            公司规模：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <a  ng-class="selected.companyScale==''?'selected':''"   ng-click="clickItem('companyScale','')">不限</a>
            <a ng-repeat="item in select.companyScale.model track by $index" ng-bind="item.dictName"  ng-class="selected.companyScale==item?'selected':''"  ng-click="clickItem('companyScale',item)"> </a>
        </div>
    </div>
    <div class="f-resume-search-box-list clearfix" style="margin-top:20px">
        <div class="f-resume-search-box-list-l">
            更多：
        </div>
        <div class="f-resume-search-box-list-r clearfix">
            <div class="f-search-list-select clearfix" style="margin-left:20px;">
                    <ui-select select-model="select.workingStyle.model"  select-key="select.workingStyle.key" select-value="select.workingStyle.value" select-style="select.workingStyle.style" ></ui-select>
            </div>
            <div class="f-search-list-select clearfix" style="margin-left:30px;">
                <div class="basic-info-form-list" style="position: relative" ng-mouseleave="ngMouseleaveCalandar()">
                    <input  class="background-date2 calendar-input" type="text" required  ng-disabled="true" ng-model="selected.releaseTime.startTime" />
                    <div class="calendar-curser " style="left:74px;" ng-click="changeShow('startTime')"></div>
                    <div class="calendar-style" style="left:0px;" ng-if="isShow.startTime">
                        <calandar ng-model="selected.releaseTime.startTime"></calandar>
                    </div>
                    <input   class="background-date2 calendar-input" type="text"  ng-disabled="true"  ng-model="selected.releaseTime.endTime" />
                    <div class="calendar-curser" ng-click="changeShow('endTime')"></div>
                    <div class="calendar-style" style="left:100px;"  ng-if="isShow.endTime">
                        <calandar ng-model="selected.releaseTime.endTime"></calandar>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </div>
</div>
<div class="f-resume-close" ><a >{{showSearchBox?showWord.title1:showWord.title2}}</a> <img style="float: right; margin-right: 5px; width: 14px;height: 14px;cursor: pointer" ng-src="{{showSearchBox?showWord.imgUpSrc:showWord.imgDownSrc}}" ng-click="hideSearchBox()" alt="收起筛选框"/></div>

<div class="f-resume-search-selected clearfix">
    <div class="f-selected-l">已选择条件:</div>
    <div class="f-selected-r clearfix">
        <a ng-repeat="item in selected |getSelected"><span  ng-bind="item|formateSelected "></span> <img ng-click="removeSelected(item)" style="margin-top:5px;float:right" src="them/images/compImages/delete.png" alt="去掉标签"/> </a>
    </div>
</div>
<style>
    .calendar-input{
        width: 90px;
        padding-left: 5px;
        border: 1px solid #E2E0DB;
        display: inline-block;
        height: 30px;
    }
    /*日历输入框背景图片*/
    .background-date2 {
        background: url(them/images/resume-baseInfo-date-logo.png) 74px 6px no-repeat;
    }
    .selected{
        color:#00AAFE;
    }
    .search-input-190{
        display: block;
        float: left;
        width: 190px;
        padding-left: 5px;
        height: 28px;
        border: 1px solid #ddd;
        border-left: 0px solid;
    }
    .f-resume-search-input{
        float:left;
    }
    .adjust-margin{
        margin-left:20px;
    }
    .f-resume-search-btn{
        display: block;
        /*margin-right: 10px;*/
        float: left;
        width: 93px;
        height: 30px;
        background: url(them/images/compImages/search-btn.png);
    }
    /*searchbox 样式设定*/
    .f-resume-search-box{
        margin-top:10px;
        padding-top: 10px;
        padding-bottom: 10px;
        width:100%;
        max-height:250px;
        background:#fff;
        border:1px solid #ddd;
    }
    .f-resume-search-box-list{
        width:100%;
    }
    .f-resume-search-box-list-l{
        float: left;
        width: 110px;
        padding-left: 20px;
        min-height: 30px;
        line-height: 30px;
    }
    .f-resume-search-box-list-r{
        float:left;
        min-height:30px;
    }
    .f-resume-search-box-list-r>a{
        float:left;
        display: block;
        margin-left:20px;
        /*border:1px solid #ddd;*/
        height:30px;
        line-height:30px;

    }
    /*不同间距设定*/
    .calendar-curser{
        position: absolute;
        top: 0px;
        left: 175px;
        width: 20px;
        cursor: pointer;
        height: 30px;
    }
    .calendar-style{
        width: 330px;
        height: 184px;
        position: absolute;
        top: 30px;
        left: 100px;
        z-index:4;
        border: 2px solid #ddd;
        padding-top: 20px;
        border-radius: 5px;
        background: #fff;
    }
    .background-date {
        background:url("them/images/resume-baseInfo-date-logo.png") 138px 6px no-repeat;
    }
    .input-style{
        border: 1px solid #E2E0DB;
        display: inline-block;
        height: 30px;
        width: 200px;
    }
    .f-search-list-select{
        float:left;
    }
    /* --- */
    .f-resume-close{
        width: 110px;
        height: 20px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center;
        border: 1px solid #ddd;
        border-top: 0px;
        background: #fff;
        margin-top: -1px;
    }
    /*已选择条件*/
    .f-resume-search-selected{
        width: 100%;
        min-height: 50px;
        background: #fff;
        line-height: 50px;
        margin-top:10px;
        border:1px solid #ddd;
    }
    .f-selected-l{
        float:left;
        margin-left:20px;
    }
    .f-selected-r{
        float: left;
        margin-left: 20px;
        max-width: 850px;
        margin-top: 12px;
    }
    .f-selected-r>a{
        display: block;
        float: left;
        height: 25px;
        border: 1px solid #ddd;
        line-height: 25px;
        padding-left: 5px;
        margin-left: 20px;
        padding-right: 5px;
        margin-bottom: 20px;
    }
</style>